<template>
	<view>
		<view class="topView">
			根据遇到的问题类型，查看解决方法
		</view>
		<view v-for="(item,index) in list" :key="index" style="padding: 30rpx;">
			<view class="flex-row-flex-start" >
				<image class="help" src="/static/my/help.png" mode=""></image>
				<view class="title">
					{{item.title}}
				</view>
			</view>
			<view v-for="(item1,index1) in item.rule" :key="index1" style="padding: 20rpx 0;">
				
					<view class="title1">
						·  {{item1.title}}
					</view>
					<!-- <view class="title3">
						· {{item1.title}}
					</view> -->
					<view class="" style="padding:0 26rpx;">
						<rich-text class="title3" :nodes="item1.remark"></rich-text>
					</view>
					<view class="line">
						
					</view>
				
			</view>
		</view>
	
	</view>
</template>

<script>
	import {
		mapActions,
		mapState
	} from "vuex";
	import {
		ruleIndex,
	} from '@/api/index.js'
	export default {
		components: {},
		computed: {

		},
		data() {
			return {
				list: [],
				data: {}

			}
		},
		computed: {
			...mapState([
				'baseColor'
			]),
		},
		onShow() {

		},
		onLoad(e) {
			this.loadData()
		},
		//下拉刷新
		onPullDownRefresh() {


		},
		//加载更多
		onReachBottom() {

		},
		onPageScroll(e) {
			// if (e.scrollTop > 20) {
			// 	this.backgroundColor = "#FBF9FF"
			// } else {
			// 	this.backgroundColor = "#ffffff00"
			// }
		},
		methods: {
			loadData() {

				var data = {
					
				}
				ruleIndex(data).then(res => {
					this.list = res.data
				})
			},

			showToast(title) {
				uni.showToast({
					title: title,
					icon: 'none'
				})
			},
			toUrl(url) {
				uni.navigateTo({
					url: url
				})
			},
		}
	}
</script>

<style lang="scss">
	page {
		background: #FFFFFF;
	}
	.topView {
		padding: 0 30rpx;
		height: 64rpx;
		line-height: 64rpx;
		background: #ECECEC;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 28rpx;
		color: #3A3A3A;
	}
	.help{
		width: 36rpx;
		height: 36rpx;
	}
	.title{
		margin-top: -4rpx;
		margin-left: 6rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 32rpx;
		color: #16171B;
	}
	.title1{
		margin-left: 14rpx;
	font-family: PingFang SC, PingFang SC;
	font-weight: 500;
	font-size: 30rpx;
	color: #666666;
	}
	.title3{
		// margin:0 44rpx;

	font-family: PingFang SC, PingFang SC;
	font-weight: 500;
	font-size: 26rpx;
	color: #666666;
	}
	.line{
		margin-top: 20rpx;
		height: 2rpx;
		background: #F0F0F0;
	}
</style>